<template>
  <div id="all">
    <div id="parent">
      <commonHead :child-name="childName" father-name="运动健康"></commonHead>
    </div>
    <div id="bar">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="走步" name="first" lazy>
          <WalkAnalysis></WalkAnalysis>
        </el-tab-pane>
        <el-tab-pane label="体重" name="second" lazy>
          <WeightAnalysis></WeightAnalysis>
        </el-tab-pane>
        <el-tab-pane label="睡眠" name="third" lazy>
          <sleep-analysis></sleep-analysis>
        </el-tab-pane>
        <el-tab-pane label="血糖" name="fourth" lazy>
          <blood-sugar></blood-sugar>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>

  import WalkAnalysis from '../sports/analysis/WalkAnalysis';
  import WeightAnalysis from '../sports/analysis/WeightAnalysis';
  import SleepAnalysis from '../sports/analysis/SleepAnalysis';
  import bloodSugar from '../sports/analysis/bloodSugar';
  import commonHead from '../system/common/commonHead';
/*  import demo from "../sports/analysis/demo";*/

    export default {
      name: "DataAnalysis",
      data() {
        return {
          activeName: 'first',
          childName:'健康分析',
          }
      },
      components: {
 /*       demo,*/
        WeightAnalysis,
        WalkAnalysis,
        SleepAnalysis,
        bloodSugar,
        commonHead,
      },
      methods: {
        handleClick(tab, event) {
          console.log(tab, event);
        }
      },
    };
</script>

<style scoped>

</style>
